<!DOCTYPE html>
<html ng-app = 'app'>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="Font/demo-files/demo.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/homePage.css" />
		<link rel="stylesheet" href="css/feilei.css" />
		<link rel="stylesheet" href="css/me.css" />
	</head>
	<body ng-controller='ctrl'>
		<div ui-view></div>
		<div class="footer">
			<a ui-sref="homePage" class="active">
				<div class="icon icon-home3"></div>
				<div class="home">首页</div>
			</a>
			<a ui-sref="feilei">
				<div class="icon icon-list2"></div>
				<div class="home">分类</div>
			</a>
			<a ui-sref="me">
				<div class="icon icon-user"></div>
				<div class="home">我</div>
			</a>
		</div>		
	</body>
	<script src='js/rem.js'></script>
	<script src="js/jquery-3.1.1.js"></script>
	<script src="js/angular.min.js"></script>
	<script src="js/angular-ui-router.js"></script>	
	<script src="js/app1.js"></script>
	<script src="js/app2.js"></script>
	<script>
		app.controller("ctrl",function($scope,$http){
		//获取文件
//		$http.get("data/data.json").success(function(data){
//				$scope.info = data.info;
//			})
		})
		
		//点击变红
		$('.footer>a').click(function(){
			$(this).addClass('active');
			$(this).siblings().removeClass('active')
		})
		$('.home-top>a').click(function(){
			$(this).addClass('active');
			$(this).siblings().removeClass('active')
		})
		$('.me-con>a').click(function(){
//			$(this).addClass('active');
//			$(this).siblings().removeClass('active')
			console.log(11)
		})
		
	</script>
</html>
